<template>
	
	<div>
		<el-container>
		  <el-header  style="height: 80px;">
		  		<!-- <img src="../assets/logo-colored.png" class='header-img'> -->
		  </el-header>
		  <el-container>
				<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
					<el-menu :default-openeds="['1']">
					  <el-submenu index="1">
					    <template slot="title"><i class="el-icon-message"></i>用户管理</template>
					    <el-menu-item-group>

					    <router-link to='/student'>
					    	<el-menu-item index="1-1">学生管理</el-menu-item>
					    </router-link>
					     <router-link to='/teacher'>
					    	<el-menu-item index="1-2">老师管理</el-menu-item>
					    </router-link>

					      

					    </el-menu-item-group>
					  </el-submenu>
					  <el-submenu index="2">
					    <template slot="title"><i class="el-icon-menu"></i>导航二</template>
					    <el-menu-item-group>
					      <template slot="title">分组一</template>
					      <el-menu-item index="2-1">选项1</el-menu-item>
					      <el-menu-item index="2-2">选项2</el-menu-item>
					    </el-menu-item-group>
					    <el-menu-item-group title="分组2">
					      <el-menu-item index="2-3">选项3</el-menu-item>
					    </el-menu-item-group>
					    <el-submenu index="2-4">
					      <template slot="title">选项4</template>
					      <el-menu-item index="2-4-1">选项4-1</el-menu-item>
					    </el-submenu>
					  </el-submenu>
					  <el-submenu index="3">
					    <template slot="title"><i class="el-icon-setting"></i>导航三</template>
					    <el-menu-item-group>
					      <template slot="title">分组一</template>
					      <el-menu-item index="3-1">选项1</el-menu-item>
					      <el-menu-item index="3-2">选项2</el-menu-item>
					    </el-menu-item-group>
					    <el-menu-item-group title="分组2">
					      <el-menu-item index="3-3">选项3</el-menu-item>
					    </el-menu-item-group>
					    <el-submenu index="3-4">
					      <template slot="title">选项4</template>
					      <el-menu-item index="3-4-1">选项4-1</el-menu-item>
					    </el-submenu>
					  </el-submenu>
					</el-menu>
				</el-aside>
		    <el-main>
		    	<keep-alive>
		    		<router-view></router-view>	
		    	</keep-alive>
		    </el-main>
		  </el-container>
		</el-container>
	</div>

</template>
<style type="text/css" scoped="scoped">
header{
	background: #000;
}
.header-img{
	height: 80px;
}
</style>